<?php
date_default_timezone_set('America/Bogota');
?>
<!DOCTYPE html>
<html>
    <head>

        <?php $this->load->view("head"); ?>
        <?php $this->load->view("headGrillas"); ?>
        <title>Resultados de la visita</title>
    </head>
    <script type="text/javascript">
        $(document).ready(function(){
<?php $this->load->view("enReady"); ?>
    }); //fin $(document).ready(function(){
    function fnCambiaProyecto(proyectoId){
        if(proyectoId == "") return false;
        $.post("<?php echo site_url("avaluos/cargaAvaluos"); ?>",{proyecto:proyectoId},function(data){
            document.getElementById("avaluos").innerHTML = data;
        });
    } //fin function fnCambiaProyecto(proyectoId){
    function cambiaAvaluo(avaluoId){
        if(avaluoId == "") return false;
        $.post("<?php echo site_url("avaluos/cargaVisitas"); ?>",{aval:avaluoId},function(data){
            document.getElementById("visitaId").innerHTML = data;
        });
    } //fin function cambiaAvaluo(avaluoId){
    function generarResultado(){
        if(!fnValidaCampos("div","divContenido")){
            alert("Los campos en rojo son obligatorios");
            return false;
        }
        var visita = document.getElementById("visitaId").value;
        if(visita == "") return false;
        $.post("<?php echo site_url("resultados/obtieneResultados"); ?>",{visita:visita},function(data){
            document.getElementById("divResultados").innerHTML = data;
        }); //fin $.post("",{visita:visita},function(data){
    } //fin function generarResultado(){
<?php $this->load->view("funcionesJs"); ?>
    </script>
    <style type="text/css">
        label{
            font-weight: bolder;
            margin-right: 3px
        }
        input{
            padding: 1.5px
        }
        .divCampos{
            float: left;
            margin-right: 10px;
        }
        .divCampos label{
            display: block;
        }
        .clTablaResul{
            width: 100%;
            border-collapse: collapse;
        }
        .clTablaResul tbody td{
            padding-left: 5px;
        }
        .clTablaResul thead td{
            font-weight: bolder;
            text-align: center;
            padding: 10px;
            background-color: #969696;
        }
        .clTitFila{
            font-weight: bolder;
            text-align: center;
            padding: 5px;
            background-color: #C0C0C0;
        }
        .clSubTotTabla{
            font-weight: bolder;
            text-align: center;
            color: darkblue;
        }
        .clSubValorTotal{
            text-align: right;
            font-weight: bolder;
            color: darkblue;
        }
        .clSinDatosFila{
            text-align: center;
            color: red;
        }
        .clTotal{
            text-align: center;
            font-weight: bolder;
            color: darkblue;
            font-style: italic;
        }
        .clNumeros{
            text-align: right;
        }
    </style>
    <body>        
        <?php $this->load->view("enBody"); ?>
        <div id="divTitulo">VISITAS - Resultados</div>
        <div id="divContenido">
            <label for="proyectos">Proyectos</label>
            <select id="proyectos" onchange="fnCambiaProyecto(this.value);" >
                <option value="">Elija</option>
                <?php
                if ($proyectos->num_rows() > 0) {
                    foreach ($proyectos->result() as $row) {
                        echo "<option value='{$row->proyectoId}'>{$row->proyectoNombre}</option>";
                    }
                }
                ?>
            </select>
            <label for="avaluos">Avaluos</label>
            <select id="avaluos" onchange="cambiaAvaluo(this.value);">
                <option value="">Todos</option>
            </select>
            <label for="visitaId" >Elija la visita</label>
            <select id="visitaId" name="visitaId" >
                <option value="">Elija</option>
            </select>
            <button id="btnSubmit" type="button" onclick="generarResultado();" class="btnDeAccion" >Generar Resultado</button>
        </div>
        <div id="divResultados">
            
        </div> <!-- fin divResultados -->
    </body>
</html>